<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>iOS 26 新闻速览</title>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
            margin: 24px;
            color: #0b1220
        }

        header {
            display: flex;
            align-items: center;
            gap: 16px
        }

        h1 {
            margin: 0;
            font-size: 28px
        }

        p.lead {
            margin: 4px 0 18px;
            color: #495057
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 12px
        }

        th,
        td {
            padding: 12px;
            border: 1px solid #e6eef6;
            text-align: left;
            vertical-align: top
        }

        th {
            background: #f4f9ff
        }

        .source {
            font-size: 12px;
            color: #6b7280
        }

        .tag {
            display: inline-block;
            background: #eef6ff;
            border-radius: 12px;
            padding: 4px 8px;
            margin-right: 6px;
            font-size: 12px
        }

        section {
            margin-top: 20px
        }

        .note {
            font-size: 13px;
            color: #374151
        }

        footer {
            margin-top: 28px;
            font-size: 13px;
            color: #475569
        }

        @media (max-width:720px) {

            th,
            td {
                padding: 10px;
                font-size: 14px
            }

            h1 {
                font-size: 22px
            }
        }
    </style>
</head>

<body>
    <header>
        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" aria-hidden>
            <rect width="24" height="24" rx="6" fill="#0071e3"></rect>
            <path d="M7 14c0-2 2-5 5-5s5 3 5 5v1H7v-1z" fill="#fff" opacity="0.98"></path>
        </svg>
        <div>
            <h1>iOS 26 — 新闻速览</h1>
            <p class="lead">汇总近期关于 iOS 26（Beta 测试、功能与舆论）的主要新闻与要点，表格 + 文字并列展示，便于快速阅读。</p>
        </div>
    </header>

    <section>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            <span class="tag">系统发布</span>
            <span class="tag">Beta 更新</span>
            <span class="tag">新特性</span>
            <span class="tag">隐私 / 社会影响</span>
            <span class="tag">硬件关联</span>
        </div>

        <table aria-label="iOS 26 新闻清单">
            <thead>
                <tr>
                    <th style="width:18%">日期</th>
                    <th style="width:24%">标题</th>
                    <th>要点摘要</th>
                    <th style="width:18%">来源</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2025-06-09</td>
                    <td>苹果正式预览 iOS 26</td>
                    <td>Apple 在 WWDC 上预览 iOS 26，强调全新视觉风格 “Liquid Glass”、更强的 Apple Intelligence，以及消息/电话中的实时翻译与消息投票等功能。
                    </td>
                    <td class="source">Apple Newsroom</td>
                </tr>

                <tr>
                    <td>2025-08-06</td>
                    <td>开发者 Beta 5 发布（构建号 23A5308g）</td>
                    <td>开发者 Beta 5 推出多项界面与动画修复，继续打磨 Liquid Glass 设计，并修复若干 Camera、Mail 和 AirDrop 的小问题。</td>
                    <td class="source">Times of India 报道</td>
                </tr>

                <tr>
                    <td>2025-08-07</td>
                    <td>公开 Beta 2 可用</td>
                    <td>苹果向公众推送 iOS 26 公测第二版（Public Beta 2），用户可通过设置 > 软件更新 参与测试，接近最终发布前状态。</td>
                    <td class="source">9to5Mac / MacRumors</td>
                </tr>

                <tr>
                    <td>2025-08-05</td>
                    <td>Beta 中发现 Apple Watch Ultra 3 线索</td>
                    <td>从 Beta 资源中挖掘到新的手表分辨率提示，暗示 Apple Watch Ultra 新型号（Ultra 3）将随秋季硬件一同发布。</td>
                    <td class="source">MacRumors 报道</td>
                </tr>

                <tr>
                    <td>2025-08-07</td>
                    <td>关于消息过滤可能影响民意调查的担忧</td>
                    <td>媒体评论指出，iOS 26 加强对未知发信者的筛选可能会把合法的民调短信/电话分流到次要视图，从而对调查与地方新闻采集产生负面影响。</td>
                    <td class="source">Washington Post 评论</td>
                </tr>
            </tbody>
        </table>

        <div class="note">
            <p><strong>说明：</strong>以上为近期主流媒体在 2025 年 6–8 月间对 iOS 26 的报道摘要，覆盖官方公告、测试版更新、Beta 中的硬件/界面线索与社会影响讨论。</p>
        </div>
    </section>

    <section>
        <h2>重点特性速览（简短）</h2>
        <ul>
            <li><strong>Liquid Glass：</strong>系统级新材料/视觉语言，改善动画与界面层次感。</li>
            <li><strong>Apple Intelligence：</strong>更深度的本地/云端智能能力，支持在消息、FaceTime、相机等处的翻译与理解。</li>
            <li><strong>Messages：投票与背景：</strong>群聊内可发起投票，且支持更丰富的聊天背景样式。</li>
            <li><strong>实时翻译：</strong>在 Messages、FaceTime 与 Phone 中对话翻译与实时字幕。</li>
            <li><strong>通话与消息过滤：</strong>更严格地将未知或潜在垃圾信息隔离，但有舆论担忧对合法民调/投递造成阻碍。</li>
        </ul>
    </section>

    <section>
        <h2>进一步阅读</h2>
        <p class="source">（原始报道请参考 Apple 官方新闻稿、9to5Mac、MacRumors、Times of India 与 Washington Post）</p>
    </section>

    <footer>
        <div>生成时间：2025-08-08</div>
        <div>说明：此页面为静态汇总示例，若需导出为单文件 HTML 或增加中文/英文双语切换、按来源筛选功能，我可以继续扩展。</div>
    </footer>
</body>
<script>
    // 你可以把这个 URL 换成你自己的接口地址
    const url = "https://httpbin.org/post";

    // 模拟要传的测试数据
    const testData = { foo: "bar", time: Date.now() };

    fetch(url, {
        method: "POST",
        credentials: "include", // 让浏览器带上当前域的 cookie
        headers: {
            "Content-Type": "application/json",
            "X-Custom-Header": "Test123"
        },
        body: JSON.stringify(testData)
    })
        .then(res => res.json())
        .then(data => {
            document.getElementById("output").innerHTML = `
          <h2>返回结果</h2>
          <h3>Headers</h3>
          <pre>${JSON.stringify(data.headers, null, 2)}</pre>
          <h3>Cookies</h3>
          <pre>${JSON.stringify(data.cookies, null, 2)}</pre>
          <h3>原始 Body</h3>
          <pre>${data.data}</pre>
        `;
        })
        .catch(err => {
            document.getElementById("output").innerHTML = "<b>请求失败：</b> " + err;
        });
</script>

</html>